<template>
    <div class="profitTableDetailChange">
        <h3>2019年年终分配明细表</h3>
        <el-table
                :data="tableData"
                class="mt20"
                border
                style="width: 100%">
            <el-table-column
                    prop="date"
                    label="序号">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="工号">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="岗位id">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="岗位名称">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="对应部门id">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="对应部门名称">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="岗位标准权重">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="部门应发占比">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="标准占比（‰）">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="标准金额(元)">
            </el-table-column>
            <el-table-column
                    prop="address"
                    label="十大事项完成情况（%）">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="调整后比例">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="调整后的标准金额">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="十大事项余额">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="编制生效时间">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="编制结束时间">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="编制有效天数">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="是否在岗">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="在编开始时间">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="离岗时间">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="实际在岗天数">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="实际金额（元）">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="标准余额（元）">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="调整金额（元）">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="调整比例(%)">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="实发金额（元）">
            </el-table-column>
        </el-table>

        <el-dialog
                title="调整分配明细"
                :visible.sync="dialogVisible"
                width="90%">
            <el-table
                    :data="singleTableData"
                    class="mt20"
                    border
                    style="width: 100%">
                <el-table-column
                        prop="date"
                        label="序号">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="工号">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="岗位id">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="岗位名称">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="对应部门id">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="对应部门名称">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="岗位标准权重">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="部门应发占比">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="标准占比（‰）">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="标准金额(元)">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="十大事项完成情况（%）">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="调整后比例">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="调整后的标准金额">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="十大事项余额">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="编制生效时间">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="编制结束时间">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="编制有效天数">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="是否在岗">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="在编开始时间">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="离岗时间">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="实际在岗天数">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="实际金额（元）">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="标准余额（元）">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="调整金额（元）">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="调整比例(%)">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="实发金额（元）">
                </el-table-column>
            </el-table>
            <span slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false">确定调整</el-button>
                <el-button type="primary" @click="dialogVisible = false">关闭</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: 'profitTableDetailChange',
        data() {
            return {
                tableData: [
                    {
                        date: '2016-05-02',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1518 弄'
                    }
                ],
                singleTableData: [
                    {
                        date: '2016-05-02',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1518 弄'
                    }
                ],
                dialogVisible: false
            }
        },
        created() {
            
        },
        mounted() {
            
        },
        methods: {},
        components: {},
        computed: {}
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus">

</style>
